﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Alumini/ALM-Menu.master" AutoEventWireup="true" CodeFile="ALM-Default.aspx.cs" Inherits="Alumini_ALM_Default" %>

<asp:Content ID="headSubMaster" ContentPlaceHolderID="headSubMaster" Runat="Server">
        <%--<script type="text/javascript" src="/js/jquery-1.js"></script>--%> 
<link rel="stylesheet" type="text/css" href="/css/jquery.mCustomScrollbar.css" />
<%--<link rel="stylesheet" type="text/css" href="/js/jquery.mCustomScrollbar.min.js" />--%>
    <script src="/js/knockout-3.2.0.js"></script>
    <script src="js/LoadAlumini.js"></script>
<style>
    .batchBox li a.active {
        color: #333;
    }
    .logo {
        z-index:0;
    }
</style>
    <script>

        $(".SendMessage").fancybox({
            'minHeight': 540,
            'width': 610,
            'scrolling': 'no',
            'type': 'iframe',
            closeBtn: false,
            padding: 0,
            openEffect: 'elastic',
            openSpeed: 150,
            closeEffect: 'elastic',
            closeSpeed: 150

        });
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder_SubMaster" Runat="Server">
  
            <div class="centerSection">
                <div class="tabBox"> 
                	<div class="mCustomScrollbar1">
                    <ul class="no-liststyle"  data-bind="foreach: Streams">
                        <li><a href="#" data-bind="text: Stream,css: {'active':$root.AluminiList.SelectedStream() == StreamID}, click: $root.BindSelectedStream"></a>

                        </li>
                        
                    </ul>
                </div>
                </div>
            
            	<div class="photoBox">
                
                    <ul class="no-liststyle"  data-bind="foreach: filterAlumini">
                        <li>
                            <a class="SendMessage" href="#" data-bind="attr: { href: ContactURL }"><span class="image"> 
                                <img width="100" height="100" data-bind="attr:{src: ImagePath}"></span></a>
                            
                            <div class="detail">
                                <span><span  data-bind="text: FullName"></span></span>
                                <span><span>OrganisationName</span></span>
                                <span><span>CityName</span></span>
                                <a class="contact button-style SendMessage" href="javascript: void(0)" data-bind="attr:{href: ContactURL}">Contact Me</a>
                                
                            </div>
                        </li> 
                    </ul>
                
                </div>
            
            </div>
            
            <div class="rightSection">
            
            	<div class="filterBox">
                	
                    <ul>
                    	<li><a href="#">Student</a></li>
                    	<li><a href="#">faculty</a></li>
                    	<li><a class="active" href="#">Grouping</a></li>
                    </ul>
                
                </div>
                
                <div class="batchBox">
                
                	<h2>Batch</h2>
                    
                    <div class="frame mCustomScrollbar">
                    
                    	<ul data-bind="foreach: YearRange">
                        <li><a href="#" data-bind="text: Batch, click: $root.AssignSelectedYear,css: {'active':$root.AluminiList.PassingYear() == PassingYear}"></a></li>
                        </ul>
                    </div>
                
                
                </div>
            
            </div> 
	<script src="/js/jquery.mCustomScrollbar.min.js" type="text/javascript"></script>
    
    <script>
        (function ($) {
            $(window).load(function () {
                $(".batchBox .mCustomScrollbar").mCustomScrollbar({
                    theme: "minimal"
                });
                $(".tabBox .mCustomScrollbar1").mCustomScrollbar({
                    theme: "minimal",
                    axis: "x",
                    advanced: { autoExpandHorizontalScroll: true }
                });
            });
        })(jQuery);
	</script> 
</asp:Content>

